
/* CSS Document */

#certify {
	position: relative;
	width: 100%;
	margin: 0 auto
}

#certify  .swiper-slide{
	width: 677px;
	height: 415px;
	background: #fff;
	position: relative;
}
#certify  .swiper-slide:before{
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	position: absolute;
	left: 0;
	top: 0;
}
.swiper-slide-active:before{
	display: none !important;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

/*#certify .swiper-button-prev {
	left: 0;
	width: 38px;
	height: 68px;
	background: url(../image/jt02-l.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-next {
	right: 0;
	width: 38px;
	height: 68px;
	background: url(../image/jt02-r.png) no-repeat;
	background-size: 100%;
}*/
#certify .swiper-slide img,#certify1 .swiper-slide img{ width:100%; height:100% !important;object-fit: cover;-moz-box-shadow:3px 3px 4px #969696; -webkit-box-shadow:3px 3px 4px #969696; box-shadow:3px 3px 4px #969696; }

@media screen and (max-width: 1500px){
	/*#certify{
		width: 90%;
	}*/
	#certify  .swiper-slide{
		width: 568px;
		height: 339px;
	}
}
@media screen and (max-width: 1280px){
	/*#certify{
		width: 90%;
	}*/
	#certify  .swiper-slide{
		width: 468px;
		height: 339px;
	}
}
@media screen and (max-width: 1203px){
	#certify  .swiper-slide{
		width: 100%;
		height: auto;
	}
	#certify .swiper-button-prev,#certify .swiper-button-next{
		width: 20px;
    	height: 38px;
    	margin-top: -19px;
	}
}


#certify1 {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
#certify1 .swiper-container{
	padding: 30px 0;
}
#certify1  .swiper-slide{
	width: 928px;
	height: 489px;
	background: #fff;
	position: relative;
}
#certify1  .swiper-slide:before{
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	position: absolute;
	left: 0;
	top: 0;
}


#certify1 .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify1 .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify1 .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify1 .swiper-button-prev {
	left: 10px;
	width: 19px;
	height: 34px;
	background: url(../image/jt02-l.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}
#certify1 .swiper-button-prev:after{
	display: none;
}
#certify1 .swiper-button-next {
	right: 10px;
	width: 19px;
	height: 34px;
	background: url(../image/jt02-r.png) no-repeat;
	background-size: 100%;
}
#certify1 .swiper-button-next:after{
	display: none;
}

@media screen and (max-width: 1500px){
	/*#certify{
		width: 90%;
	}*/
	#certify1  .swiper-slide{
		width: 800px;
		height: 422px;
	}
}
@media screen and (max-width: 1280px){
	/*#certify{
		width: 90%;
	}*/
	#certify1  .swiper-slide{
		width: 828px;
		height: 320px;
	}
}
@media screen and (max-width: 1203px){
	#certify1  .swiper-slide{
		width: 100%;
		height: auto;
	}
	#certify1 .swiper-button-prev,#certify1 .swiper-button-next{
		width: 20px;
    	height: 38px;
    	margin-top: -19px;
	}
}













